.content-sidebar-filters {
  .compare-product {
    position: relative;
    .compare-product-button-clear {
      font-size: 12px;
      font-weight: 500;
      line-height: 15px;
      text-decoration: underline;
      color: #080255;
      background: transparent;
      padding: 0 10px;
      outline: none;
      border: none;
    }
    .compare-product-content-wrapper {
      position: relative;
      .compare-product-content {
        &.side-section-content {
          max-height: 556px;
        }
        .compare-product-list {
          padding: 5px;
          display: flex;
          flex-direction: column;
          justify-content: flex-start;
          gap: 10px;
          .compare-product-item {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            padding: 10px 5px 10px 10px;
            border: 1px solid #d4d4d4;
            gap: 10px;
            font-size: 14px;
            .compare-product-item-link {
              display: flex;
              flex-direction: row;
              justify-content: space-between;
              align-items: center;
              gap: 10px;
              font-size: 14px;
              .compare-product-image-wrapper {
                width: 45px;
                min-width: 45px;
                height: 45px;
                min-height: 45px;
                background: #eeeeee;
                overflow: hidden;
                position: relative;
                border: 1px solid #eeeeee;
                .compare-product-image {
                  width: 100%;
                  margin: 0 auto;
                  object-fit: contain;
                }
              }
              .compare-product-title {
                font-size: 12px;
                font-weight: 400;
                line-height: 22px;
                color: #080255;
                flex: 1;
              }
              &:hover {
                .compare-product-title {
                  color: #942ffb;
                }
              }
            }
            .compare-product-button-remove {
              padding: 0;
              outline: none;
              border: none;
              background: transparent;
              align-self: flex-start;
              .iconfont {
                font-size: 14px;
                line-height: 1;
                padding: 5px;
                color: #080255;
              }
              &:hover {
                .iconfont {
                  color: #f24726;
                }
              }
            }
          }
          .compare-product-item-null {
            border: 1px dashed #a3a3a3;
            height: 67px;
          }
        }
      }
      .compare-product-buttons {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        padding: 10px 12px;
        .compare-product-button-compare {
          font-size: 12px;
          font-weight: 500;
          text-transform: uppercase;
          line-height: 15px;
          border: 1px solid #080255;
          border-radius: 7px;
          background: #080255;
          color: #ffffff;
          padding: 10px 12px;
          width: 50%;
        }
      }

      .compare-product-list-limit-tips {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: 10px;
        border-radius: 6px;
        background: #e6e6ee;
        .compare-product-list-limit-tips-info {
          color: #080255;
          font-size: 14px;
          font-weight: 400;
          display: inline-flex;
          gap: 10px;
          .iconfont {
            color: #080255;
            font-size: 14px;
          }
        }
        .compare-product-list-limit-tips-button {
          color: #080255;
          font-size: 12px;
          font-weight: 500;
          text-decoration: underline;
          cursor: pointer;
        }
      }
    }

    .compare-product-nulltips {
      font-size: 12px;
      font-weight: 400;
      line-height: 1.5;
      text-align: center;
      color: #080255;
      padding: 5px 5px;
      position: absolute;
      padding-bottom: 20px;
      left: 12px;
      top: 35px;
    }
  }
}

// ================================================================================
// ================================================================================
@media (max-width: 1023px) {
  .content-sidebar-filters {
    .compare-product {
      .compare-product-content-wrapper {
        .compare-product-content {
          .compare-product-list {
            .compare-product-item {
              .compare-product-image-wrapper {
                .compare-product-image {
                }
              }
              .compare-product-title {
              }
              .compare-product-button-remove {
                .iconfont {
                }
              }
            }
          }
        }
        .compare-product-buttons {
          .compare-product-button-clear {
          }
          .compare-product-button-compare {
          }
        }
        .compare-product-nulltips {
        }
      }
    }
  }
}
